<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        html,body,#borderContainer {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        #lead{
            width: 10%;
        }
    </style>
    <script>
        var dojoConfig = {


            baseUrl:'/javascripts/arcgis_js_api/library/3.16/3.16/dojo',
            packages: [
//                {
//                    name:'keepsoft',
//                    location:'/javascripts/keepsoft'
//                },
//                {
//                    name:'d3',
//                    location:'/javascripts/jslib/d3'
//                },
                {
                    name:'jquery',
                    location:'/javascripts/jquery'
                }
//                {
//                    name:'lijianguo',
//                    location:'/samples/lijianguo'
//                }
            ]
        }
    </script>
    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/dijit/themes/soria/soria.css">
    <link rel="stylesheet" href="/javascripts/arcgis_js_api/library/3.16/3.16/esri/css/esri.css">
    <script type="text/javascript" src="/javascripts/arcgis_js_api/library/3.16/3.16/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
    <script src="/javascripts/arcgis_js_api/library/3.16/3.16/init.js"></script>
    <script type="text/javascript" src="code.js"></script>

</head>
<body  class="soria">
<div id="borderContainer" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'sidebar'">
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="splitter:'true', region:'leading'" id="lead" style="width: 10%;"></div>
    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props= "splitter:'true', region:'center'" id="center"></div>
</div>


</body>
</html>